<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:composite="http://java.sun.com/jsf/composite">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>..:: Portal Librelato S.A. ::..</title>
	<link href="css/librelato.css" type="text/css" rel="stylesheet" />
	<link rel="icon" href="img/librelato.ico" type="image/ico" />
	<script type="text/javascript" src="js/highcharts.js"></script>
	<script type="text/javascript" src="js/exporting_chart.js"></script>
	<script type="text/javascript" src="js/Graficos.js"></script>
	<script type="text/javascript" src="js/Primefaces_Locale.js"></script>
	<script type="text/javascript">
		function chamadosNAprovados() {
			jQuery('#panelNAprovado').show('slow');
			jQuery('#panelAtendido').hide('slow');
			jQuery('#panelIniciar').hide('slow');
			jQuery('#panelGrafico').hide('slow');
			jQuery('#panelConsultaGer').hide('slow');
		}
		function chamadosAtendidos() {
			jQuery('#panelNAprovado').hide('slow');
			jQuery('#panelAtendido').show('slow');
			jQuery('#panelIniciar').hide('slow');
			jQuery('#panelGrafico').hide('slow');
			jQuery('#panelConsultaGer').hide('slow');
		}
		function chamadosIniciar() {
			jQuery('#panelNAprovado').hide('slow');
			jQuery('#panelAtendido').hide('slow');
			jQuery('#panelIniciar').show('slow');
			jQuery('#panelGrafico').hide('slow');
			jQuery('#panelConsultaGer').hide('slow');
		}
		function graficos(dadosGrafico, usuario) {
			graficoDonutTI(dadosGrafico, usuario);
			graficoColunaCoordernador(dadosGrafico, usuario);
			jQuery('#panelNAprovado').hide('slow');
			jQuery('#panelAtendido').hide('slow');
			jQuery('#panelIniciar').hide('slow');
			jQuery('#panelGrafico').show('slow');
			jQuery('#panelConsultaGer').hide('slow');
		}
		function atualizaGrafico(dadosGrafico, usuario) {
			graficoDonutTI(dadosGrafico, usuario);
			graficoColunaCoordernador(dadosGrafico, usuario);
		}
		function chamadosConsultaGerencia() {
			jQuery('#panelNAprovado').hide('slow');
			jQuery('#panelAtendido').hide('slow');
			jQuery('#panelIniciar').hide('slow');
			jQuery('#panelGrafico').hide('slow');
			jQuery('#panelConsultaGer').show('slow');
		}
	</script>



</h:head>
<h:body styleClass="Corpo" style="font-size:13px;"
	onload="graficoDonutTI(#{gerenciaChamadoTela.dadosGrafico},'#{gerenciaChamadoTela.usuario.tipo}');graficoColunaCoordernador(#{gerenciaChamadoTela.dadosGrafico},'#{gerenciaChamadoTela.usuario.tipo}')">

	<p:growl id="messages" showDetail="true" showSummary="true" life="3000" />
	<p:ajaxStatus onstart="statusDialog.show();"
		onsuccess="statusDialog.hide();" />
	<h:form id="formDock">
		<p:poll listener="#{gerenciaChamadoTela.atualizaGraficos}"
			oncomplete="atualizaGrafico(#{gerenciaChamadoTela.dadosGrafico},'#{gerenciaChamadoTela.usuario.tipo}');"
			interval="300" global="false">
		</p:poll>
		<p:dock position="top" proximity="30" maxWidth="15">
			<p:menuitem value="#{message.dock_item_ch_iniciar}"
				icon="/img/dock/ch_meu.png" oncomplete="chamadosIniciar();"
				actionListener="#{gerenciaChamadoTela.buscaChamadosIniciar}"
				update=":formChIni:idTChIni,:formFiltroIniciar" />
			<p:menuitem value="#{message.dock_item_ch_naprovados}"
				actionListener="#{gerenciaChamadoTela.buscaChamadosNApro}"
				id="doChNApro" icon="/img/dock/ch_aberto.png"
				update=":formChNApro:idTChNAp,:formFiltroNApro"
				oncomplete="chamadosNAprovados();"
				rendered="#{gerenciaChamadoTela.menuPermitido('doChNApro')}" />
			<p:menuitem value="#{message.dock_item_ch_finalizado}"
				actionListener="#{gerenciaChamadoTela.buscaFiltroAtendidos}"
				icon="/img/dock/ch_finalizado.png" oncomplete="chamadosAtendidos();"
				update=":formChAtenFiltro" />
			<p:menuitem value="#{message.dock_item_grafico}"
				icon="/img/dock/ch_chart.png"
				actionListener="#{gerenciaChamadoTela.atualizaGraficos}"
				oncomplete="graficos(#{gerenciaChamadoTela.dadosGrafico},'#{gerenciaChamadoTela.usuario.tipo}');" />
			<p:menuitem value="#{message.dock_conulta_ger}"				
				id="doChGerCon" icon="/img/dock/ch_ger_con.png"
				onclick="chamadosConsultaGerencia();"
				rendered="#{gerenciaChamadoTela.menuPermitido('doChGerCon')}" />
			<p:menuitem value="#{message.dock_item_home}"
				icon="/img/dock/ch_home.png" url="principal.jsf" />
		</p:dock>
	</h:form>



	<!-- 
		##############################################################################################################################
		
												PANEL GRAFICOS
		
		##############################################################################################################################
		 -->

	<p:panel id="panelGrafico"
		style="margin-top: 60px; background: transparent;
border: 0">
		<div
			style="left: 50%; margin-left: -400px; position: relative; width: 400px;">

			<div id="divGerente"
				style="margin-top: 60px; min-width: 400px; height: 400px; margin: 0 auto"></div>

			<div id="divCoordena"
				style="margin-top: 60px; min-width: 400px; margin: 0 auto"></div>

		</div>
	</p:panel>


	<!-- 
		##############################################################################################################################
		
												PANEL CHAMADOS EM ABERTO
		
		##############################################################################################################################
		 -->

	<p:panel id="panelNAprovado" style="margin-top: 60px; display:none;"
		header="#{message.dock_item_ch_naprovados}">
		<ui:include src="listaChNAprovados.xhtml" />
	</p:panel>


	<!-- 
		##############################################################################################################################
		
												PANEL CHAMADOS ATENDIDOS
		
		##############################################################################################################################
		 -->

	<p:panel id="panelAtendido" style="margin-top: 60px; display:none;"
		header="#{message.dock_item_ch_atendidos}">
		<ui:include src="listaChAtendido.xhtml" />
	</p:panel>


	<!-- 
		##############################################################################################################################
		
												PANEL CHAMADOS INICIAR
		
		##############################################################################################################################
		 -->

	<p:panel id="panelIniciar" style="margin-top: 60px; display:none;"
		header="#{message.dock_item_ch_iniciar}">
		<ui:include src="listaChIniciar.xhtml" />
	</p:panel>
	
	
	<!-- 
		##############################################################################################################################
		
												PANEL RELATORIO CHAMADOS GERENCIA
		
		##############################################################################################################################
		 -->

	<p:panel id="panelConsultaGer" style="margin-top: 60px; display:none;"
		header="#{message.dock_conulta_ger}">
		<ui:include src="consultaChamadoGerencia.xhtml" />
	</p:panel>
	


	<!-- 
		##############################################################################################################################
		
												DLG APROVA CHAMADO
		
		##############################################################################################################################
		 -->


	<p:dialog header="#{message.header_aprova_chamado}" widgetVar="dlg14"
		showEffect="fade" hideEffect="fade" height="230" width="330"
		modal="true" draggable="true" resizable="false">

		<ui:include src="aprovaChamado.xhtml" />

	</p:dialog>


	<!-- 
		##############################################################################################################################
		
												DLG TROCA CHAMADO
		
		##############################################################################################################################
		 -->


	<p:dialog header="#{message.header_altera_dest_chamado}"
		widgetVar="dlg15" showEffect="fade" hideEffect="fade" height="460"
		width="530" modal="true" draggable="true" resizable="false"
		onShow="editorDes.init();editorDes.focus();">

		<ui:include src="alteraDestino.xhtml" />

	</p:dialog>


	<!-- 
		##############################################################################################################################
		
												DLG NEGA CHAMADO
		
		##############################################################################################################################
		 -->


	<p:dialog header="#{message.header_nega_chamado}" widgetVar="dlg16"
		showEffect="fade" hideEffect="fade" height="420" width="650"
		modal="true" draggable="true" resizable="false">

		<ui:include src="negaChamado.xhtml" />

	</p:dialog>



	<!-- 
		##############################################################################################################################
		
												MODELPANEL INFORMA HISTÓRICO
		
		##############################################################################################################################
		 -->

	<p:dialog widgetVar="dlg17" showEffect="fade" hideEffect="fade"
		modal="true" resizable="false" header="#{message.header_and_chamado}"
		onshow="editorInf.init();editorInf.focus();">
		<ui:include src="informaHistorico.xhtml" />
	</p:dialog>



	<!-- 
		##############################################################################################################################
		
												MODELPANEL SHOW HISTORICO
		
		##############################################################################################################################
		 -->

	<p:dialog widgetVar="dlgHist" showEffect="fade" hideEffect="fade"
		modal="true" appendToBody="true" id="idDlgHist"
		header="#{message.label_ver_historico}">
		<h:outputText id="descHist"
			value="#{gerenciaChamadoTela.historicoTexto}" escape="false" />
	</p:dialog>




	<!-- 
		##############################################################################################################################
		
														MODELPANEL SESSAO ENCERRADA
		
		##############################################################################################################################
	-->

	<p:dialog header="#{message.msg_header_aviso}" widgetVar="dlgSession"
		modal="true" height="90" width="210" draggable="false"
		resizable="false" showEffect="fadein" style="font-size: 18px;"
		closable="false">
		<h:form>
			<h:outputText value="#{message.msg_sessao}" style="font-size: 16px;" />
			<br />
			<div style="padding-left: 60px; padding-top: 20px;">
				<p:commandButton value="Ok" action="#{principalTela.logOut}"
					style="font-size: 14px;" ajax="false" />
			</div>
		</h:form>
	</p:dialog>

	<!-- 
		##############################################################################################################################
		
														MODELPANEL AJAX GIF
		
		##############################################################################################################################
	-->

	<p:dialog modal="true" widgetVar="statusDialog" id="statusDialog"
		header="#{message.msg_aguarde}" draggable="false" closable="false"
		style="font-size: 10px;" resizable="false">
		<p:graphicImage value="img/save_ajax.gif" style="margin-left: 3px;" />
	</p:dialog>

</h:body>
</html>